html {
    overflow-y: scroll;
    margin: 0;
    padding: 0;
}
body {
    background-color: #ebebeb;
    color: #78797b;
    margin: 0px;
    padding: 0px;
}
body, td, th, input, textarea, select, a {
    font-size: 12px;
}
input[type="radio"], input[type="checkbox"] {margin:0px}
.fs9{ font-size:9px; }
.fs10{ font-size:10px; }
.fs11{ font-size:11px; }
.fs12{ font-size:12px; }
.fs13{ font-size:13px; }
.fs14{ font-size:14px; }
.fs15{ font-size:15px; }
.fs16{ font-size:16px; }
h1, .welcome {
    color: #636E75;
    font: Verdana;
    margin-top: 0px;
    margin-bottom: 20px;
    font-size: 32px;
    font-weight: normal;
    text-shadow: 0 0 1px rgba(0, 0, 0, .01);
}
h2 {
    color: #8dbd4c;
    font-size: 16px;
    margin-top: 0px;
    margin-bottom: 5px;
	font-weight: bold;
}
p {

}
ul, ol {margin:0 0 0 25px}
.box-content p{margin:10px 20px}
a, a:visited, a b {
    color:#78797b;
}
a:focus {outline:none}

#currency a:hover,#currency a b,
.informations li a:hover,
.product-list .wishlist a:hover,.product-list .compare a:hover,
a:hover, a:focus {
    color: #10B6DB;
    text-decoration: none;
    cursor: pointer;
}

a:hover {
    text-decoration: none;
}
a img {
    border: none;
}
form {
    padding: 0;
    margin: 0;
    display: inline;
}
input[type='text'], input[type='password'], input[type='email'], textarea {
    background: #fff;
    border: 1px solid #e0e0e0;
    padding: 3px;
    margin-left: 0px;
    margin-right: 0px;
    width:90%
}
select {
    background: #F8F8F8;
    border: 0px solid #CCCCCC;
    padding: 5px 5px 5px 8px;
	border-radius:3px;
	min-height: 35px;
	width:130px;
	
}
label {
    cursor: pointer;
}
/* layout */
/*
#container {
        width: 980px;
        margin-left: auto;
        margin-right: auto;
        text-align: left;
}*/

#column-left {
}
#column-left,
#column-right {
}
.page-home #column-right {
    margin:0px
} 
#content {
    min-height: 400px;
    background:#fff;
    border:1px solid #dcdcdc;
    margin-bottom:20px;
    position: relative;
}
.box:after,
.jcarousel:after,
#content:after{
    position:absolute; content:"."; display:block;height:1px; background:#fff;
    bottom:-3px; left:2px; right:2px;
    border-left:1px solid #dcdcdc;
    border-right:1px solid #dcdcdc;
    border-bottom:1px solid #dcdcdc;
}

.home #content{background:none; border:none;padding-right: 0; padding-left: 0; padding-top: 0}
.home #content:after{display:none}	
#content.search {border:none; background:none}
.search .page {margin-top:20px; background:#fff; border:1px solid #dcdcdc}
.search .page > h2{margin-bottom:20px}

#column-left + #column-right + #content, #column-left + #content {

}
#column-right + #content {

}
.container{
    position:relative;
}
/* header */
#header {
    min-height: 100px;
    position: relative;
    z-index: 999;
}
#header .header-top {
    background:url(../image/header-top_bg.png) left bottom repeat-x #fff;
    padding:16px 0px;
    min-height:35px;
}
#header .header{
    background:#10b6db;
    border-top: 1px solid #0e9bba;
    border-bottom: 1px solid #29c6e9;
}
#header .header .container {}
#header .header-top .top-links{
    float:left;margin:8px 0px 0px
}
#header .header-top .top-links a{
    float:left;
    padding:0px 8px;
    line-height:12px;
    border-right:1px solid #d0d0d0
}
#header .header-top .top-links a:first-child {padding-left:0px}
#header .header-top .select-top form {
    float:right; margin-left:20px
}
#header #logo {
    padding:15px 0px 0px;
}
#header .header-right{
    height:96px;
    position:relative;
}
#header .header-right > div{
    position:relative;
}
#language {
    color: #999;
    line-height: 12px;
    float:left;
    padding-left:8px;
    border-left:1px solid #d0d0d0;
    margin-left:6px;
}
#language img {
    cursor: pointer;
    margin:0 2px;
}
#currency {
    color: #999;
    line-height: 12px;
    float:left; 
    padding-left:8px
}
#header .header-top #currency a ,
#currency a {
    padding:0px 2px;
    color: #888b8c;
    line-height:12px;
    border:none
}
#currency a b {
    text-decoration: none;
}

#header #cart {
    position:relative;
    z-index: 9991;
    background:url(../image/shopping-cart.png) 15px center no-repeat #0088a6;
    padding:0 10px 0 40px;
    height:34px;
    float:right;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    margin-top:35px
}
#header #cart .heading {
    padding: 0px;
    position: relative;
    z-index: 1;
}
#header #cart .heading h4 {
    color: #fff;

    margin:0px;
    line-height:35px;
    font-size:12px;
    text-transform:uppercase;
    float:left
}
#header #cart .heading a {
    color: #fff;
    text-decoration: none;
    font-size:12px;
    line-height:35px;float:left;
    margin-left:10px
}
#header #cart .heading a span {
    background: url('../image/arrow-down.png') 100% 50% no-repeat;
    padding-right: 15px;
}
#header #cart .content {
    clear: both;
    display: none;
    position: absolute;
    top: 35px;right:-2px;
    padding: 8px;
    min-height: 150px;
    background: #0088a6;
    min-width:284px;
    color:#fff;

}
#header #cart .content a{color:#fff}
#header #cart .content a:hover{text-decoration: underline;}
#header #cart .content .checkout {text-align:center}
#header #cart .content table {background:none}
#header #cart.active .heading {

}
#header #cart.active .content {
    display: block;
}
.mini-cart-info table {
    border-collapse: collapse;
    width: 100%;
    margin-bottom: 5px;
}
.mini-cart-info td {
    color: #fff;
    vertical-align: top;
    padding: 10px 5px;
    border-bottom: 1px solid #fff;
}
.mini-cart-info .image {
    width: 1px;
}
.mini-cart-info .image img {
    border: 1px solid #EEEEEE;
    text-align: left;
}
.mini-cart-info .name small {
    color: #fff;
}
.mini-cart-info .quantity {
    text-align: right;
}
.mini-cart-info td.total {
    text-align: right;
}
.mini-cart-info .remove {
    text-align: right;
}
.mini-cart-info .remove img {
    cursor: pointer;
}
.mini-cart-total {
    text-align: right;
}
.mini-cart-total table {
    border-collapse: collapse;
    display: inline-block;
    margin-bottom: 5px;
}
.mini-cart-total td {
    color: #fff;
    padding: 4px;
}
#header #cart .checkout {
    text-align: right;
    clear: both;
}
#header #cart .empty {
    padding-top: 50px;
    text-align: center;
}
#header #search {
    height:35px;
	background:#fff;
    border: 4px solid #40C5E2;
    border-radius: 20px 20px 20px 20px;
    bottom: 0;
    margin:auto;
    height: 35px;
    float:right;
	text-align:center !important;
	width:545px;
	overflow:hidden;
}
#seperate-search-province{
	background:#A2C96C;
    height 30px;
	width:2px
}

#province_search{
	background:#F8F8F8;
    border: 4px solid #A2C96C;
    border-radius: 20px 20px 20px 20px;
    bottom: 0;
    float: right;
    height: 35px;
    float:right;
	width:90%;
}
#header .button-search {
    background: url('../image/button-search.png') center center no-repeat;
    width: 38px;
    height: 35px;
    cursor: pointer;
    float:right;
}
#header #search input {
    border: 0 solid #CCCCCC;
    border-radius: 20px;
    box-shadow: none;
    float: left;
    font-size: 12px;
    height: 29px;
    margin: 0;
    width: 350px;
}
#header #search select {border:none;b
	order-radius: 0;
	max-width: 45%;
    min-width: 5%;
	margin-top:0px;
	border-left:2px solid #A2C96C;
	}
#header .container #search #border-search-province{
	height:35px;
	background:#fff;
    border-left: 4px solid #A2C96C;
    bottom: 0;
    margin:auto;
    height: 35px;
    float:right;
	text-align:center !important;
	width:150px;
}
#header #welcome {
    text-align: left;
    line-height:20px;
    margin-right:10px
}
#header #welcome  a{
    color:#10b6db;
}
#header .links {

}
#header .links a {
    float: left;
    display: block;
    padding: 0px 0px 0px 7px;
    color: #1d568b;
    text-decoration: none;
    font-size: 11px;
}
#header .links a + a {
    margin-left: 8px;
    border-left: 1px solid #CCC;
}

#mainmenu{
    border-top:1px solid #0a99b9;
    background: #10b6db;
    margin-bottom:20px
}


#mainmenu .btn-navbar{ float: left; }
/* END OF OFF_CANVAS_MENU*/


#mainmenu .navbar{margin-bottom:0px}
#mainmenu .navbar-inner {
    background:none;
    border:none; box-shadow:none;
    padding:0px;
}
#mainmenu  ul.nav li.dropdown:hover > .dropdown-menu,
#mainmenu  ul.nav li.dropdown:hover .mega-cols
{
    display: block;    
}
.navbar .nav > li:hover > a,
.navbar .nav li.dropdown.open > .dropdown-toggle, 
.navbar .nav li.dropdown.active > .dropdown-toggle, 
.navbar .nav li.dropdown.open.active > .dropdown-toggle,
.navbar .nav > li.home > a,
.navbar .nav > li > a:focus,
.navbar .nav > li > a:hover{	
    color:#fff;
    background:#40C5E2
}
.navbar .nav > .menuimg .dropdown-menu{}
.navbar .nav > .menuimg li {}
.navbar .nav > li.menuimg > a{padding:5px 0 0 0!important;margin:0!important;text-align: center;}
.navbar .nav > li.menuimg > a > span{height:20px;margin-left:10px;padding-top:45px;padding-left:0; padding-right: 25px;text-align: center;}
.navbar .nav > li.menuimg >  a > span .menu-title {text-align: center;width:100%;display: block}

/*car*/
/*.navbar .nav > .menuimg.car {background: url(../image/menu/menu-car.png) 50% 0 no-repeat;}
.navbar .nav > .menuimg.car a{padding-top: 50px !important;display: block;}*/
.navbar .nav > li.menuimg.car{width:85px}
.navbar .nav > li.menuimg:hover a{background:url(../image/menu/hover.png) 30% 30% no-repeat;}
.navbar .nav > li.menuimg.car:hover a{background:#7eab41 url(../image/menu/hover.png) 30% 30% no-repeat;}
.navbar .nav > li.menuimg.phone:hover a{background:#7eab41 url(../image/menu/hover.png) 30% 30% no-repeat;}
.navbar .nav > li.menuimg.pc:hover a{background:#7eab41 url(../image/menu/hover.png) 30% 30% no-repeat;}
.navbar .nav > li.menuimg.cloth:hover a{background:#7eab41 url(../image/menu/hover.png) 30% 30% no-repeat;}
.navbar .nav > li.menuimg.moto{width:85px}
.navbar .nav > li.menuimg.moto:hover{background-color:#7eab41 }
.navbar .nav > li.menuimg.land{width:90px}
.navbar .nav > li.menuimg.land:hover{background-color:#7eab41 }
.dropdown-menu a{background:none!important;}
.megamenu  .dropdown-menu {margin:0px; min-width:220px; padding:5px 10px 10px; border-radius:0; box-shadow:none}
.navbar .nav > li > .dropdown-menu:after,
.navbar .nav > li > .dropdown-menu:before{display:none}

#mainmenu .navbar .nav li.dropdown:hover > .dropdown-toggle .caret {border-bottom-color: #fff;
                                                                    border-top-color: #fff;
}
.dropdown-menu  li > a {padding:3px 10px;background: url(../image/list-category.png) left center no-repeat;
                        transition:all 0.2s ease-out 0s; position: relative;  display:block  }
.dropdown-menu  a {  line-height:27px}
.navbar .nav > li > .dropdown-menu > li, .dropdown-mega > li, .dropdown-menu  > li {padding:5px 10px; border-bottom: 1px solid #2DBFDF}
.navbar .nav > li > .dropdown-menu > li:last-child, .dropdown-menu  > li:last-child{ border: none }
.navbar .nav > li > a {font-size:12px; font-weight: bold; text-transform: uppercase;text-shadow: none; padding:26px 20px 24px 12px;}
.megamenu li.mega-group > a, .megamenu li.mega-group > a:hover { background: #2DBFDF; color: #FFF; display: block; }
.megamenu .dropdown-menu:hover .caret{   border-bottom-color: #FFF;  border-top-color: #FFF; }
.mega-group .dropdown-mega > li{ padding-left:0}

.dropdown-menu  li > a:hover,
.dropdown-menu  li > a:focus,
.dropdown-submenu:hover > a,
.dropdown-submenu:focus > a {
    background: url(../image/list-category-hover.png) left center no-repeat;
    color:#fff;
}
.dropdown-menu  li:hover {
    background-color:#427202!important;
    color:#fff;
}
.dropdown-submenu li:hover {background:#8dbd4c!important;}
/*notification**/
#sys-notification {z-index:9990; width:100%}

.breadcrumb {
    background:none;
    color: #6e6f70;
    margin: -10px 0 10px;
    padding:0px;
    line-height:28px;
    border-radius:0px;
    overflow: hidden;
    z-index:99
}
.breadcrumb a{color:#5d5e60; font-size:12px;line-height:28px; padding:0px 10px 0px 20px; background:#fff;position: relative;display:block;float:left}
.breadcrumb a:first-child{padding-left:10px; margin:0px}
.breadcrumb a:after{position: absolute;
                    top: 0px;
                    right:-12px;
                    display: inline-block;
                    border-top: 15px solid transparent;
                    border-left: 12px solid #fff;
                    border-bottom: 15px solid transparent;
                    content: '.'; width:0px; height:0px}
.breadcrumb a.lever_1 {}
.breadcrumb a.lever_2 {background:#e0e0e0}
.breadcrumb a.lever_2:after{border-left: 12px solid #e0e0e0}
.breadcrumb a.lever_3 {background:#d2d2d2; color:#282828}
.breadcrumb a.lever_3:after{border-left: 12px solid #d2d2d2;}
.breadcrumb a.lever_4 {background:#c6c6c6; color:#282828}
.breadcrumb a.lever_4:after{border-left: 12px solid #c6c6c6;}
.breadcrumb a.lever_5 {background:#b9b9b9; color:#282828}
.breadcrumb a.lever_5:after{border-left: 12px solid #b9b9b9;} 
.breadcrumb a:hover {color:#10B6DB}

.success, .warning, .attention, .information {
    padding: 10px 10px 10px 33px;
    margin-bottom: 15px;
    color: #555555;
    -webkit-border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    -khtml-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
}
.success {
    background: #EAF7D9 url('../image/success.png') 10px center no-repeat;
    border: 1px solid #BBDF8D;
    -webkit-border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    -khtml-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
}
.warning {
    background: #FFD1D1 url('../image/warning.png') 10px center no-repeat;
    border: 1px solid #F8ACAC;
    -webkit-border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    -khtml-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
}
.attention {
    background: #FFF5CC url('../image/attention.png') 10px center no-repeat;
    border: 1px solid #F2DD8C;
    -webkit-border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    -khtml-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
}
.success .close, .warning .close, .attention .close, .information .close {
    float: right;
    padding-top: 4px;
    padding-right: 4px;
    cursor: pointer;
}
.required {
    color: #FF0000;
    font-weight: bold;
}
.error {
    display: block;
    color: #FF0000;
}
.help {
    color: #999;
    font-size: 10px;
    font-weight: normal;
    font-family: Verdana, Geneva, sans-serif;
    display: block;
}
table {background-color:#fff;}
table.form {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 20px;
    background-color:#fff;
}

table.form tr td:first-child {
    width: 150px;
}
table.form > * > * > td {
    color: #000000;
}
table.form td {
    padding: 4px;
}
input.large-field, select.large-field {
    width: 93%;
}
table.list {
    border-collapse: collapse;
    width: 100%;
    border-top: 1px solid #DDDDDD;
    border-left: 1px solid #DDDDDD;
    margin-bottom: 20px;
}
table.list td {
    border-right: 1px solid #DDDDDD;
    border-bottom: 1px solid #DDDDDD;
}
table.list thead td {
    background-color: #EFEFEF;
    padding: 0px 5px;
}
table.list thead td a, .list thead td {
    text-decoration: none;
    color: #222222;
    font-weight: bold;
}
table.list tbody td {
    padding: 0px 5px;
}
table.list .left {
    text-align: left;
    padding: 7px;
}
table.list .right {
    text-align: right;
    padding: 7px;
}
table.list .center {
    text-align: center;
    padding: 7px;
}
table.radio {
    width: 100%;
    border-collapse: collapse;
}
table.radio td {
    padding: 5px;
}
table.radio td label {
    display: block;
}
table.radio tr td:first-child {
    width: 1px;
}
table.radio tr td:first-child input {
    margin-top: 1px;
}
table.radio tr.highlight:hover td {
    background: #F1FFDD;
    cursor: pointer;
}
.pagination {
    padding: 10px 20px;
    display: block;
    overflow:hidden;
    margin: 0px;
    background:#fff;
    border-top:1px solid #ddd;
}
.pagination .links {
    float: left;
}
.pagination .links a {
    display: inline-block;
    border: 1px solid #dcdcdc;
    padding: 4px 10px;
    text-decoration: none;
    color: #A3A3A3;
    line-height:20px;
}
.pagination .links b {
    display: inline-block;
    border: 1px solid #dcdcdc;
    padding: 4px 10px;
    font-weight: normal;
    text-decoration: none;
    color: #fff;
    background: #ff9400;
}
.pagination .results {
    float: right;
    padding-top: 3px;
}
/* button */
a.button, input.button {
    cursor: pointer;
    color: #fff;
    line-height: 33px;
    font-size: 12px;
    font-weight: normal;
    background-color:#10b6db;
    border:1px solid #0587a4;
    text-transform:uppercase;

}
.box-product input.button {background:url(../image/addtocart.png) right center no-repeat #10b6db;padding: 1px 20px 0 10px; }

a.button {
    display: inline-block;
    text-decoration: none;
    padding: 0px 12px;
}
input.button {
    margin: 0;
    height: 33px;
    padding: 1px 10px 0px 10px;
}
a.button:hover, input.button:hover {
    background-color:#40c5e2;
    color:#fff;
}
.buttons {
    background: #FFFFFF;
    border-top: 1px solid #EEEEEE;
    overflow: auto;
    padding: 6px;
    margin-bottom: 20px;
}
.buttons .left {
    float: left;
    text-align: left;
}
.buttons .right {
    float: right;
    text-align: right;
}
.buttons .center {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}
.wrap-tabs {border: 1px solid #dcdcdc;}
.htabs {
    height: 38px;
    line-height: 38px;
    border-bottom: 1px solid #dcdcdc;
    background:#f4f4f4;
}
.htabs a {
    border-right: 1px solid #dcdcdc;
    padding: 0px 20px;
    float: left;
    font-size: 14px;
    text-align: center;
    text-decoration: none;
    color: #696c6d;
    display: none;
}
.htabs a.selected {
    color:#10b6db;
    border-bottom:1px solid #fff;
    background:#fff
}
.tab-content {
    padding: 20px;
    margin-bottom: 20px;
    z-index: 2;
    overflow: auto;
}
/* box */
.box {
    border:1px solid #dcdcdc;	
    margin-bottom:20px;
    position:relative;
}
.box .box-heading {
    height:43px;padding:0px;
    background:#f4f4f4;
    border-bottom:1px solid #dcdcdc;
    font-size: 14px;
    font-weight: normal;
    line-height: 43px;
    color: #909b4f;
}
.box li {line-height:24px}
.category .box-heading{background:#09A4C7; border:none}
.box.category .box-content{border:none; background:#10b6db; border-top:1px solid #29c4e6;position:relative}
.box.category:after{
    position:absolute; content:"."; display:block;height:2px; background:#0d99b8;
    bottom:-2px; left:2px; right:2px}
.page .buttons {padding:10px 20px; margin:10px 0px}
.page > h4 {margin:10px 20px}
.page > h2,
.box .box-heading{;margin:0px;
                  color:#8dbd4c;
                  text-transform:uppercase
}
.page > h2 {  background:#f4f4f4}
.box.category .box-heading  h2 {color:#fff;}
.box .box-content {padding:0px; background:#fff}
.box .box-heading > h2,.box .box-heading  > h3 {
    font-size: 12px;
    margin: 0;
    padding: 0 20px;
    text-transform:uppercase;
    line-height:43px
}
/**custom sidebar **/
.sidebar .box .row-fluid [class*="span"]{width:100%; margin:0 0 20px; float:none;}
.sidebar .custom  {}
.sidebar .custom .box-heading {margin:-1px -1px 0px; background:#383838; border:none}
.sidebar .custom .box-heading h2 {color:#fff}
.sidebar .custom  .product-grid {padding:0px}
.sidebar .custom  .box-product .product_block { margin:0px !important;border-top:1px solid #ececec;
                                                padding:15px;overflow:hidden; }
.sidebar .custom  .box-product .image{float:left;width:80px}
.sidebar .custom  .box-product .image img{}
.sidebar .custom  .box-product .wrap-infor {float:right; width:113px}
.sidebar .custom  .box-product .name {height:20px ; overflow:hidden }
.sidebar .custom  .box-product .name a{margin:0px; padding:0px; }
.sidebar .custom  .box-product .price {margin:0px; }
.sidebar .custom .product_block .product-inner {border:none; padding:0px; overflow:hidden; box-shadow:none}
.sidebar .custom .product-grid .description,
.sidebar .custom .product-grid .cart,
.sidebar .custom .wrap-infor .action {display:none}

/* box products */

.carousel-controls a.carousel-control{
    display: block;
}
.carousel-controls .left{
    float: left;
}
.carousel-controls .right{
    float: right;
}

.box-product {
    width: 100%;

}
.box-product > div {
}

.box-product .image {
    display: block;
    margin-bottom: 0px;
    position: relative;
}
.box-product .image img {

}


.box-product .name a {
    color: #10b6db;
    text-decoration: none;
    display: block;
    line-height:16px;
    margin: 0 0 10px;
    font-size:14px;
	font-weight: bold;
}
.box-product .name a:hover{color:#000}
.laster .box-product .name a {padding:0px 10px}
.box-product .description{
    color:#818181;

    line-height:16px;
    height:32px; overflow:hidden
}
.box-product .price {
    display: block;
    font-weight:bold;
    color: #ff9400;
    font-size:14px;line-height:18px;
}


.box-product .price-old {
    color: #b9b9b9;margin:0 5px 0 0;
    text-decoration: line-through;
}
.box-product .price-new {
    font-weight: bold;
}
.box-product .rating {
    display: block;
    margin-bottom: 4px;
}
/* box category */
ul.box-category, ul.box-category ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
ul.box-category > li:first-child {
}
ul.box-category > li {
    padding:0px;
    line-height:34px;
}
ul.box-category > li {
    border-bottom: 1px solid #29c4e6;
}
ul.box-category > li > a {
    text-decoration: none;line-height:34px;
    color: #b2f1ff;height:34px; 
    padding: 0px 0px 0px 28px;
    font-size:13px;
    background:url(../image/list-category.png) 15px center no-repeat;
}

ul.box-category > li > a.active,
ul.box-category > li > a:hover{
    color:#fff;
    background:url(../image/list-category-hover.png) 15px center no-repeat;
}

ul.box-category > li ul {
    display: none;
}
ul.box-category > li a.active {

}
ul.box-category > li a.active + ul {
    display: block;
}
ul.box-category > li ul > li {
    padding: 5px;
    margin: 0 0 0 20px;
    border-top:1px solid #29C4E6;
}
ul.box-category > li ul > li > a {
    text-decoration: none;
    display: block;color:#B2F1FF;
}
ul.box-category > li ul > li > a:hover,
ul.box-category > li ul > li > a.active {
    color:#fff;
}
/* box filter */
ul.box-filter, ul.box-filter ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
ul.box-filter span {
    font-weight: bold;
    border-bottom: 1px solid #EEEEEE;	
    display: block;
    padding-bottom: 5px;
    margin-bottom: 8px;
}
ul.box-filter > li ul {
    padding-bottom: 10px;
}

.page-title{background: #f4f4f4;
            border-bottom: 1px solid #dcdcdc;
            font-weight: normal;line-height:43px;
            padding: 0 20px; font-size:14px;text-transform: uppercase;
}

/* content */
#content {
    position: relative;
    padding: 20px;
}

#content .content {
    padding: 10px;
    overflow: auto;
    margin-bottom: 20px;
}
#content .content .left {
    float: left;
    width: 49%;
}
#content .content .right {
    float: right;
    width: 49%;
}

#content > .title , #content > .page-title ,  #content > h1{ 
    line-height:43px;
    border-bottom:1px solid #ddd;
    background:#f4f4f4; padding:0px 15px 0px;
    height:43px ;
    margin-left: -20px;
    margin-right: -20px;
    margin-top: -20px;
    color: #2A2A2A;
    font-size: 12px;
    text-transform: uppercase;
}

#content .title h1{text-transform:uppercase; font-size:14; line-height:43px ; font-size:14px; float:left; margin:0px}
#content .title h1 span{font-size:12px; color:#838383;font-style: italic; text-transform: none;}
/* category */
.category-title{
}
.category-info {
    overflow: auto;
    margin: 0px;
    padding: 20px  0px;
}
.category-info .image {
    float: left;

}
.category-info p{padding: 20px; background:#fff; margin:0px}

.category-info .image  img{width:100%}
.refine {
    border:1px solid #E7E7E7;
    background:#fff;
    margin : 20px 20px 0px;
}
/*
#content h1,
#content h2,
.login h2,
.success-page h2,
.wrap-checkout h2,
.checkout-cart h2,
.wrap-search h2,
.refine h2 {
        
        background:#F9F9F9;
        padding:0px 20px;
}*/
.category-list {
    overflow: auto;
    padding:10px 0 0;
}
.category-list ul {
    margin: 0 0 10px 30px;
    display: inline-block;
    width:95%
}
.category-list ul li {width:30%; float:left}

/**search**/
.wrap-search {background:#fff;border:1px solid #dcdcdc}
.wrap-search b {padding:0px 20px; line-height:32px}
.wrap-search p {overflow: hidden; margin-bottom:5px}
.wrap-search input[type="text"] {width:200px; height:22px}
.wrap-search label {
	margin-top: -4px;
}
.wrap-search label,
.wrap-search input[type="checkbox"] {
	margin-right: 10px;
	float:left

}
#content .wrap-search .content {border:none; margin:0px; padding:0px 20px}
.success-page .buttons,
.wrap-search  .buttons {border:none; border-top:1px solid #E7E7E7;}
#search .provinceselect {float:left;height:35px; border:none;width:150px;}

#content.page .page-content{padding:20px 0; margin:0px}
/**checkout-cart**/

.wrap-success,
.wrap-cart {padding:0 20px}
.wrap-cart h2{border:1px solid #E7E7E7}
#content .wrap-cart .content {padding:20px}

/* manufacturer */
.manufacturer-list {
    padding: 5px;
    overflow: auto;
    margin-bottom: 20px;
}
.manufacturer-heading {
    background: #F8F8F8;
    font-size: 15px;
    font-weight: bold;
    padding: 5px 8px;
    margin-bottom: 6px;
}
.manufacturer-content {
    padding: 8px;
}
.manufacturer-list ul {
    float: left;
    width: 25%;
    margin: 0;
    padding: 0;
    list-style: none;
    margin-bottom: 10px;
}
/* product */.product-filter {
    padding:8px 9px;
    border-bottom: 1px solid #EEEEEE;
    overflow: hidden;line-height:30px;
    background:#f9f9f9;
    border:1px solid #e9e9e9;
    padding: 8px 9px;
    margin-top: 20px  

}
.product-filter b{color: #808080; font-weight:normal}
.product-filter .display {
    margin-right: 15px;background:fefefe;
    float: left;line-height:30px;
    border:1px solid #e1e1e1;
    color: #434343;padding:1px 10px;
}
.product-filter .display a {
    font-weight: bold;
}
.product-filter .sort {
    float: right;
    line-height:27px; 
    padding:1px 7px 2px 7px;

}
.product-filter .sort select{ width:120px }
.product-filter select{
    margin:0px; 
    padding:6px 5px; 
    color:#434343; 
    background-color:#F9F9F9; 
    font-size:100%;

}


.product-filter selec::-moz-focus-inner,{
    border: 0;
    padding: 0; margin:0;
}

.product-filter .limit {
    float: right; padding:1px 7px 0 4px;
    color: #808080; 
}
.product-filter .limit select{width:60px}
.product-compare {
    color:#fff;
    float:right;
    padding:0px 10px;
    border:1px solid #0587a4;
    background:#10b6db;
    line-height:28px;
    margin-top:7px
}
.product-compare a {
    text-decoration: none;
    font-weight: bold;
}
.product-compare a:hover,
.product-compare a {
    text-decoration: none;
    color:#fff;
}

.product-list {
    background:#fff;
    padding:20px;
    border-left:1px solid #e9e9e9;
    border-right:1px solid #e9e9e9;
}
div.product_block { position: relative;  }
.product-list .wrap-infor { }
.product-list   div.product_block {
    overflow: auto;
    margin-bottom: 15px;
}
.product-list .right {
    float: right;
}
.product-list > div + div {
    border-top: 1px solid #EEEEEE;
    padding-top: 16px;
}
.product-list .image {
    float: left;
    margin-right: 10px;
    width:200px;
    overflow: hidden;
}
.product-list .image img {
    border: 1px solid #E7E7E7;
}
.product-list .name {
    margin-bottom: 3px;
}
.product-list .name a {
    font-size:18px;
    text-decoration: none;
}

.product-list .description {
    line-height: 15px;
    margin: 5px 0px;
    color: #4D4D4D;
}
.product-list .rating {
    color: #7B7B7B;
}
.product-list .price {
    height: 50px;margin:5px 0;padding:0px;
}
.product-list .price-old {
    color: #B9B9B9;
    text-decoration: line-through;
}
.product-list .price-new {
    font-weight: bold;
}
.product-list .price-tax {
    font-size: 12px;
    font-weight: normal;
    color: #BBBBBB;
}
.product-list .cart {
    font-weight: bold;
    float:left;line-height:26px;
}

.product-list .cart a{
    font-weight: bold;
    text-decoration: none;
}
.product-list .wishlist, .product-list .compare {
    margin:0px 10px; line-height:36px; float:right
}
.product-list .wishlist a {
    color: #333333;
    text-decoration: none;
    padding-left: 18px;
    display: block;
    background: url('../image/add.png') left center no-repeat;
}
.product-list .compare a {
    color: #333333;
    text-decoration: none;
    padding-left: 18px;
    display: block;
    background: url('../image/add.png') left 60% no-repeat;
}
.product-grid {
    background:#fff;
    padding:20px 0;
    border-left: 1px solid #E9E9E9;
    border-right: 1px solid #E9E9E9;
}
.box-content .product-grid { border: none }
.box-products.slide .product-grid {width:100%;padding:0px}
#content .product-grid .wrap-infor{ margin-top: 12px }
.product-grid > div {
    display: inline-block;
    vertical-align: top;
}

.product-list .row-fluid  [class*="span"] {
    width:100%;
    margin:0;
    padding:20px 0;
    border-bottom:1px solid #E7E7E7;
}
.product-list .row-fluid [class*="span"]:last-child{
    border:none
}
.product-grid .product_block{ margin-bottom:10px} 
.product-grid .product_block.last{border-right:none}
.product_block .product-inner{overflow:hidden;
                              border:1px solid #fff; padding:10px;
                              position: relative;}
.product_block:hover .product-inner{border:1px solid #10b6db; box-shadow:0px 0px 6px #ddd;}	

.product-grid .image {
    display: block;
    margin-bottom: 0px;
    position: relative;
}
.product-label-special{ position: absolute; top: 4px; right: 8px; background:#8dbd4c; padding: 4px 12px; color:#FFF; z-index: 10;font-weight:bold !important; }

.product_block .colorbox.product-zoom{ position:  absolute; z-index: 10; bottom: 6px; right: 20px; display: none; 	 }
.product_block .colorbox.product-zoom span{ font-size: 20px; color: #666 }
.product_block .image:hover  .colorbox.product-zoom{ display: block }

.product-grid .image img {
    border: none;
}
.product-grid .name a {
    color: #10b6db;
    text-decoration: none;
    text-align:center
}
.product-grid .description {
    text-align:center; margin-bottom:5px
}
.product-grid .rating {
    display: block;
    margin-bottom: 4px;
}
.product-grid .price {
    display: block;
    color: #ff9400;
    margin-bottom: 4px;
    text-align:center
}
.product-grid .price-old {
    color: #B9B9B9;
    text-decoration: line-through;
}
.product-grid .price-new {
    font-weight: bold;
}
.product-grid .price .price-tax {
    display: none;
}
.product-grid .cart {
    margin-bottom: 3px;
    text-align:center
}
/*.product-grid .wrap-infor .action  a {background:none !important}
.product-grid .wrap-infor .action  a:hover{color:#1d568b}
.product-grid .wishlist, .product-grid .compare {
        margin-bottom: 3px;
        text-align:center
}*/
.wrap-infor .action {position: absolute;left:0; top:-30px; transition:all 200ms ease-in-out 0s; }
.product_block:hover .wrap-infor .action { left:0; top:0px;}
.wrap-infor .action .wishlist,
.wrap-infor .action .compare{height:30px; width:30px;float:left;}
.wrap-infor .action .wishlist a,
.wrap-infor .action .compare a{
    text-indent:-999em; display:block;
    width:30px; height:30px;transition:all 200ms ease-in-out 0s;
}
.wrap-infor .action .compare {}

.wrap-infor .action .wishlist a{
    background:#10B6DB url(../image/wishlist.png) center 11px no-repeat;
}
.wrap-infor .action .compare a{
    background:#10B6DB url(../image/compare.png) center center no-repeat;
}
.product-compare:hover,
.wrap-infor .action  a:hover {background-color:#40c5e2}

/*.product-grid .wishlist a {
        color: #939292;
        text-decoration: none;
        display: block;
        background: url('../image/add.png') left center no-repeat;
}
.product-grid .compare a {
        color: #333333;
        text-decoration: none;
        display: block;
        background: url('../image/add.png') left center no-repeat;
}*/
/* Product */

.product-info {
    overflow: auto;
    margin-bottom: 20px;
}
.product-info > .left {
    float: left;
    margin-right: 15px;
}
.product-info > .left + .right {
    margin-left: 265px;
}
.product-info .product-img-box {
}
.product-info .image {
    border: 1px solid #dcdcdc;
    text-align: center;
}
.product-info .image-additional {
    clear: both;
    position: relative;
}
.product-info .image-additional a {margin-top:10px; margin-left:10px}
.product-info .image-additional a:first-child{margin-left:0px}
.product-info .image-additional img {
    border: 1px solid #dcdcdc;
}
.product-info .image-additional a {
    float: left;
    display: block;
}

.product-info .image-additional .carousel-control {
    cursor: pointer;
    font-size: 21px;
    height: 20px;
    line-height: 17px;
    top: 60%;
    width: 20px;
    display: none;
}
.product-info .image-additional:hover .carousel-control {
    display: block;
}

.product-info .quantity-adder  { position: relative; padding-right: 8px;margin-right: 12px; }
.product-info .quantity-adder .add-action{
    display: block;z-index: 5;
    position:absolute; right: 0; height: 16px; cursor: hand; cursor: pointer;
}
.product-info .quantity-adder .add-up{top: 0;}
.product-info .quantity-adder .add-down{bottom: 0;}

.product-info .image-container { position: relative; }
.product-info .image-container .product-label-special{ top:10px; right: 10px; }
.product-info .product-shop {
}
.product-info .product-shop h1 {
    font-size:30px;
    color:#10b6db;
    line-height:30px;
    background:none !important;
    margin:0px
}
.product-info .description {
    border-bottom: 1px solid #E7E7E7;
    padding: 5px 0px;
    margin-bottom: 10px;
    line-height: 20px;
    color: #4d4d4d;
    font-size:12px;
}
.product-info .description p,
.product-info .description span {
    color: #838383;
}
.product-info .description a {
    color: #4d4d4d;font-size:12px
}
.product-info .price {
    overflow: auto;
    margin-bottom: 10px;
    font-size: 18px;
    font-weight: bold;
    color: #FFFFFF;
	z-index: 0;
}
.product-info .price-old {
    color: #B9B9B9; margin:0px 10px;
    text-decoration: line-through;
}
.product-info .price-new {
}
.product-info .price-tax {
    font-size: 12px;
    font-weight: normal;
    color: #FFFFFF;
}
.product-info .price .reward {
    font-size: 12px;
    font-weight: normal;
    color: #999;
}
.product-info .price .discount {
    font-weight: normal;
    font-size: 12px;
    color: #FFFFFF;
}
.product-info .options {
    border-bottom: 1px solid #E7E7E7;
    padding: 0px 5px 10px 5px;
    margin-bottom: 10px;
    color: #4d4d4d;
}
.product-info .options .option {clear: both;  overflow: hidden;}
.product-info .options h2 {font-size:14px; font-weight:normal; line-height:18px}
.product-info .options b {float:left}
.product-info .options input,
.product-info .options select {border-radius:0;width:90%}

.product-info .option-image {
    margin-top: 3px;
    margin-bottom: 10px;
}
.product-info .options .required {float:left}
.product-info .options input { clear:both; margin-right:10px; width:auto; float:left; margin-top:2px}
.product-info .options label {float:left}
.product-info .option-image label {
    display: block;
    width: 100%;
    height: 100%;
}
.product-info .option-image img {
    margin-right: 5px;
    border: 1px solid #CCCCCC;
    cursor: pointer;
}
.product-info .cart {
    padding: 0px 0px 10px;
    margin-bottom: 10px;
    color: #4D4D4D;
}
.product-info .cart input.qty {width:26px; height:26px; margin:0px; border-radius:0}
.product-info .cart div > span {
    color: #999;
}
.product-info .cart .links {
    display: inline-block;
    vertical-align: middle;
}
.product-info .cart .minimum {
    padding-top: 5px;
    font-size: 11px;
    color: #999;
}
.product-info .review {
    color: #4D4D4D;
    border: 1px solid #dcdcdc;
    margin: 10px 0 5px;
}
.product-info .review > div {
    padding: 8px;
    line-height: 20px;
}
.product-info .review a {color:#838383;line-height:21px}
.product-info .review a:hover {color:#10B6DB}
.product-info .review > div > span {
    color: #1d568b;
}
.product-info .review .share {
    overflow: auto;
    line-height: normal;
}
.product-info .review .share a {
    text-decoration: none;
}
.review-list {
    padding: 10px;
    overflow: auto;
    margin-bottom: 20px;
    border: 1px solid #EEEEEE;
}
.review-list .author {
    float: left;
    margin-bottom: 20px;
}
.review-list .rating {
    float: right;
    margin-bottom: 20px;
}
.review-list .text {
    clear: both;
}
.product-shop .links {line-height:36px; height:36px; background-color:#f2f2f2; color:#4f4f4f; border:1px solid #dcdcdc; padding:0 0 0 36px; margin-bottom:5px}
.product-shop .links .wrap-share,
.product-shop .links a{color:#4f4f4f;padding:0 0 0 10px; border-left:1px solid #dcdcdc; font-weight:bold; font-size:12px;line-height:36px; display:block}
.share {background:#fff}
.product-shop .links .wrap-share {padding:10px 0px 10px 10px; overflow:hidden}
.product-shop .links .wrap-share a{border:none; line-height:16px}
.button_wishlist {background:url(../image/icon/icon_wishlist.png) left center no-repeat #f2f2f2;}
.button_compare {background:url(../image/icon/icon_compare.png) left center no-repeat #f2f2f2;}
.share {background:url(../image/icon/icon_share.png) left center no-repeat;}

#tab-related {padding:10px}
#tab-related  .product-inner { text-align:center}

#tab-related .box-product .price {margin:5px 0}
.attribute {
    border-collapse: collapse;
    width: 100%;
    border-top: 1px solid #DDDDDD;
    border-left: 1px solid #DDDDDD;
    margin-bottom: 20px;
}
.attribute thead td, .attribute thead tr td:first-child {
    color: #000000;
    font-size: 14px;
    font-weight: bold;
    background: #F7F7F7;
    text-align: left;
}
.attribute tr td:first-child {
    color: #000000;
    font-weight: bold;
    text-align: right;
    width: 20%;
}
.attribute td {
    padding: 7px;
    color: #4D4D4D;
    text-align: center;
    vertical-align: top;
    border-right: 1px solid #DDDDDD;
    border-bottom: 1px solid #DDDDDD;
}
.compare-info {
    border-collapse: collapse;
    width: 100%;
    border-top: 1px solid #DDDDDD;
    border-left: 1px solid #DDDDDD;
    margin-bottom: 20px;
}
.compare-info thead td, .compare-info thead tr td:first-child {
    color: #000000;
    font-size: 14px;
    font-weight: bold;
    background: #F7F7F7;
    text-align: left;
}
.compare-info tr td:first-child {
    color: #000000;
    font-weight: bold;
    text-align: right;
}
.compare-info td {
    padding: 7px;
    width: 20%;
    color: #4D4D4D;
    text-align: center;
    vertical-align: top;
    border-right: 1px solid #DDDDDD;
    border-bottom: 1px solid #DDDDDD;
}
.compare-info .name a {
    font-weight: bold;
}
.compare-info .price-old {
    font-weight: bold;
    color: #F00;
    text-decoration: line-through;
}
.compare-info .price-new {
    font-weight: bold;
}
/* wishlist */
.wishlist-info table {
    width: 100%;
    border-collapse: collapse;
    border-top: 1px solid #DDDDDD;
    border-left: 1px solid #DDDDDD;
    border-right: 1px solid #DDDDDD;
    margin-bottom: 20px;
}
.wishlist-info td {
    padding: 7px;
}
.wishlist-info thead td {
    color: #4D4D4D;
    font-weight: bold;
    background-color: #F7F7F7;
    border-bottom: 1px solid #DDDDDD;
}
.wishlist-info thead .image {
    text-align: center;
}
.wishlist-info thead .name, .wishlist-info thead .model, .wishlist-info thead .stock {
    text-align: left;
}
.wishlist-info thead .quantity, .wishlist-info thead .price, .wishlist-info thead .total, .wishlist-info thead .action {
    text-align: right;
}
.wishlist-info tbody td {
    vertical-align: top;
    border-bottom: 1px solid #DDDDDD;
}
.wishlist-info tbody .image img {
    border: 1px solid #DDDDDD;
}
.wishlist-info tbody .image {
    text-align: center;
}
.wishlist-info tbody .name, .wishlist-info tbody .model, .wishlist-info tbody .stock {
    text-align: left;
}
.wishlist-info tbody .quantity, .wishlist-info tbody .price, .wishlist-info tbody .total, .wishlist-info tbody .action {
    text-align: right;
}
.wishlist-info tbody .price s {
    color: #F00;
}
.wishlist-info tbody .action img {
    cursor: pointer;
}
.login-content {
    margin-bottom: 20px;
    overflow: auto;
    padding:20px;
}
.login-content .left {
    float: left;
    width: 48%;
}
.login-content .right {
    float: right;
    width: 48%
}
.login-content .left .content, .login-content .right .content {
    min-height: 190px;
}
/* orders */
.order-list {
    margin-bottom: 10px;
}
.order-list .order-id {
    width: 49%;
    float: left;
    margin-bottom: 2px;
}
.order-list .order-status {
    width: 49%;
    float: right;
    text-align: right;
    margin-bottom: 2px;
}
.order-list .order-content {
    padding: 10px 0px;
    display: inline-block;
    width: 100%;
    margin-bottom: 20px;
    border-top: 1px solid #EEEEEE;
    border-bottom: 1px solid #EEEEEE;
}
.order-list .order-content div {
    float: left;
    width: 33.3%;
}
.order-list .order-info {
    text-align: right;
}
.order-detail {
    background: #EFEFEF;
    font-weight: bold;
}
/* returns */
.return-list {
    margin-bottom: 10px;
}
.return-list .return-id {
    width: 49%;
    float: left;
    margin-bottom: 2px;
}
.return-list .return-status {
    width: 49%;
    float: right;
    text-align: right;
    margin-bottom: 2px;
}
.return-list .return-content {
    padding: 10px 0px;
    display: inline-block;
    width: 100%;
    margin-bottom: 20px;
    border-top: 1px solid #EEEEEE;
    border-bottom: 1px solid #EEEEEE;
}
.return-list .return-content div {
    float: left;
    width: 33.3%;
}
.return-list .return-info {
    text-align: right;
}
.return-product {
    overflow: auto;
    margin-bottom: 20px;
}
.return-name {
    float: left;
    width: 31%;
    margin-right: 15px;
}
.return-model {
    float: left;
    width: 31%;
    margin-right: 15px;
}
.return-quantity {
    float: left;
    width: 31%;
}
.return-detail {
    overflow: auto;
    margin-bottom: 20px;
}
.return-reason {
    float: left;
    width: 31%;
    margin-right: 15px;
}
.return-opened {
    float: left;
    width: 31%;
    margin-right: 15px;
}
.return-opened textarea {
    width: 98%;
    vertical-align: top;
}
.return-captcha {
    float: left;
}
.download-list {
    margin-bottom: 10px;
}
.download-list .download-id {
    width: 49%;
    float: left;
    margin-bottom: 2px;
}
.download-list .download-status {
    width: 49%;
    float: right;
    text-align: right;
    margin-bottom: 2px;
}
.download-list .download-content {
    padding: 10px 0px;
    display: inline-block;
    width: 100%;
    margin-bottom: 20px;
    border-top: 1px solid #EEEEEE;
    border-bottom: 1px solid #EEEEEE;
}
.download-list .download-content div {
    float: left;
    width: 33.3%;
}
.download-list .download-info {
    text-align: right;
}
/* cart */
.cart-info table {
    width: 100%;
    margin-bottom: 15px;
    border-collapse: collapse;
    border-top: 1px solid #DDDDDD;
    border-left: 1px solid #DDDDDD;
    border-right: 1px solid #DDDDDD;
}
.cart-info td {
    padding: 7px;
}
.cart-info thead td {
    color: #4D4D4D;
    font-weight: bold;
    background-color: #F7F7F7;
    border-bottom: 1px solid #DDDDDD;
}
.cart-info thead .image {
    text-align: center;
}
.cart-info thead .name, .cart-info thead .model, .cart-info thead .quantity {
    text-align: left;
}
.cart-info thead .price, .cart-info thead .total {
    text-align: right;
}
.cart-info tbody td {
    vertical-align: top;
    border-bottom: 1px solid #DDDDDD;
}
.cart-info tbody .image img {
    border: 1px solid #DDDDDD;
}
.cart-info tbody .image {
    text-align: center;
}
.cart-info tbody .name, .cart-info tbody .model, .cart-info tbody .quantity {
    text-align: left;
}
.cart-info tbody .quantity input[type='image'], .cart-info tbody .quantity img {
    position: relative;
    top: 4px;
    cursor: pointer;
}
.cart-info tbody .price, .cart-info tbody .total {
    text-align: right;
}
.cart-info tbody span.stock {
    color: #F00;
    font-weight: bold;
}
.cart-module > div {
    display: none;
}
.cart-total {
    border-top: 1px solid #DDDDDD;
    overflow: auto;
    padding-top: 8px;
    margin-bottom: 15px;
}
.cart-total table {
    float: right;
}
.cart-total td {
    padding: 3px;
    text-align: right;
}
.adv-top {background:#0072b0; max-height:100px}
.adv-top p{margin:0}
.adv-top img{max-width:100%}
/* checkout */
.checkout-heading {
    background: #F8F8F8;
    border: 1px solid #DBDEE1;
    padding: 8px;
    font-weight: bold;
    font-size: 13px;
    color: #555555;
    margin-bottom: 15px;
}
.checkout-heading a {
    float: right;
    margin-top: 1px;
    font-weight: normal;
    text-decoration: none;
}
.checkout-content {
    padding: 0px 0px 15px 0px;
    display: none;
    overflow: auto;
}
.checkout-content .left {
    float: left;
    width: 48%;
}
.checkout-content .right {
    float: right;
    width: 48%;
}
.checkout-content .buttons {
    clear: both;
}
.checkout-product table {
    width: 100%;
    border-collapse: collapse;
    border-top: 1px solid #DDDDDD;
    border-left: 1px solid #DDDDDD;
    border-right: 1px solid #DDDDDD;
    margin-bottom: 20px;
}
.checkout-product td {
    padding: 7px;
}
.checkout-product thead td {
    color: #4D4D4D;
    font-weight: bold;
    background-color: #F7F7F7;
    border-bottom: 1px solid #DDDDDD;
}
.checkout-product thead .name, .checkout-product thead .model {
    text-align: left;
}
.checkout-product thead .quantity, .checkout-product thead .price, .checkout-product thead .total {
    text-align: right;
}
.checkout-product tbody td {
    vertical-align: top;
    border-bottom: 1px solid #DDDDDD;
}
.checkout-product tbody .name, .checkout-product tbody .model {
    text-align: left;
}
.checkout-product tbody .quantity, .checkout-product tbody .price, .checkout-product tbody .total {
    text-align: right;
}
.checkout-product tfoot td {
    text-align: right;
    border-bottom: 1px solid #DDDDDD;
}
.contact-info {
    overflow: auto;
}
.contact-info .left {
    float: left;
    width: 48%;
}
.contact-info .right {
    float: left;
    width: 48%;
}
.sitemap-info {
    overflow: auto;
    margin-bottom: 40px;
}
.sitemap-info .left {
    float: left;
    width: 48%;
}
.sitemap-info .right {
    float: left;
    width: 48%;
}
/**menu*/
.home .columns{min-width:180px;float:left}
.dropdown-menu h2{color:#fff; font-size:14px; font-weight:normal; line-height:24px}
.dropdown-menu a{color:#b2f1ff} 
.full{position: relative;}
.dropdown-menu p,
.dropdown-menu h3 {color:#fff; margin:0px}

.full .dropdown-menu {padding:0px; }

.navbar .nav li.home > .dropdown-toggle .caret {
    border-bottom-color: #fff;
    border-top-color: #fff;}

.home > a > span{ padding:0 0 0 20px;
                  background: url(../image/home.png) left 0px no-repeat;
}

/* footer */ 
#footer {
    clear: both;
    overflow: auto;
    min-height: 100px;

}
#footer .footer-top {
}

#footer .footer-top .wrap-ft{
}

#footer .footer-center {
    padding: 2px 0px 20px;

    background:url(../image/bg_footer.png) left top repeat-x #e8e8e8;
}
#footer .footer-bottom {
    padding: 20px;

}

#footer .box .box-content{
    background:none;
    border:none;
    padding:0;
    margin:0;
}

#footer h3 {
    color: #4a4b4d;
    font-size: 16px;
    margin: 0px;
}
#footer p{margin:0px; color:#555;}
#footer .column {
    color:#818181;
    background:url(../image/br_footer.png) right top no-repeat;
    margin-bottom:0px
}
#footer .column:last-child{background:none}
#footer .column h3{ 
    font-size: 12px;
    font-weight: bold;
    line-height: 44px;height:44px; overflow:hidden;
    margin: 0 0 15px;
    text-transform: uppercase;}

#footer .column ul {
    margin: 0px;padding:0px;
}
#footer .column ul li {
    margin-bottom: 3px;
    list-style : none;

}

#footer li a{ color:#555; }	
#footer .column a {
    text-decoration: none;
    padding:0 0 0 10px;

    -webkit-transition: all 200ms ease-out;
    -moz-transition: all 200ms ease-out;
    -ms-transition: all 200ms ease-out;
    -o-transition: all 200ms ease-out;
    transition: all 200ms ease-out;
}
#footer .column a:hover {
    padding:0 0 0 15px;
    color:#22badc;
}
.footer-center .box {border:none}
.footer-center .box:after{display:none}
.footer-center{color:#838383}
.footer-center .information{padding:0px}
.footer-center .information .content{background:url(../image/mapw.png) center bottom no-repeat; padding-bottom:20px}
.footer-center .information h3{padding-left:28px; background:url(../image/ft-information.png) left center no-repeat}
.footer-center .information p.address {padding-left:24px; background:url(../image/ft-in-add.png) left center no-repeat}
.footer-center .information p.phone {padding-left:24px; background:url(../image/ft-in-phone.png) left center no-repeat}
.footer-center .information p.email {padding-left:24px; background:url(../image/ft-in-email.png) left center no-repeat; color:#22badc}

.footer-center .services h3{padding-left:28px; background:url(../image/ft-services.png) left center no-repeat}
.footer-center .account h3{padding-left:28px; background:url(../image/ft-account.png) left center no-repeat}

.footer-center .social h3{padding-left:28px; background:url(../image/ft-social.png) left center no-repeat}
.footer-center .social ul li a{background:none} 
.footer-center .letter h3{padding-left:28px; background:url(../image/ft-letter.png) left center no-repeat}
.footer-center .letter input.email {border-radius:0; height:30px;padding:0px 10px; margin:10px 0px}
.footer-center .letter input.button {float:right;height:30px}

#footer .social{
    list-style:none;
} 
#footer .column.social ul li {margin:1px 0 0}
#footer .social li a{ height:32px; line-height:32px; padding:0 0 0 40px !important; display:block; position:relative; transition: all 400ms ease-out; }

#footer .social li a.facebook {background:url(../image/icon/facebook.png) left top no-repeat}
#footer .social li a.twitter {background:url(../image/icon/twitter.png) left top no-repeat}
#footer .social li a.google {background:url(../image/icon/google.png) left top no-repeat}
#footer .social li a.youtube {background:url(../image/icon/youtube.png) left top no-repeat}
#footer .social li a:hover{background-position:left bottom;}


#footer .column .email input {
    width:140px; float:left;
    height:18px;
    border-radius:0;
    padding:3px 10px;
}
#footer .column .email .button-email {
    width:30px;height:26px;
    background:url(../image/button-email.png) center center no-repeat;
    float:left;
}


#powered {
    text-align: left;
    clear: both;
    height:40px;color:#838383;
    padding:15px 0 16px;
    background:#dbdbdb;
}
#powered  a, #footer a {color:#10b6db}
#powered  p{margin:0px}

/*top */

.custom-top {}
.custom-top .item {background:url(../image/top-border.png) left center no-repeat;padding:0px 10px; float:left; max-width:172px}
.custom-top .item.first{background:none}
.custom-top .item > div {padding-left:45px; font-size:12px; line-height:18px}
.custom-top .payment{background:url(../image/top-payment.png) left bottom no-repeat}
.custom-top .return{background:url(../image/top-return.png) left bottom no-repeat}
.custom-top .shipping{background:url(../image/top-shipping.png) left bottom no-repeat}
.custom-top h3{color:#2c2c2c; text-transform:uppercase; margin:0px; font-size:12px; line-height:18px}
.custom-top p{color:#9f9f9f; margin:0px; font-size:12px; line-height:12px; height:12px; overflow:hidden }


.advertising {}
.advertising a{display:block}
.advertising img {border:1px solid #ddd}
#content .advertising img {}

.advcontent {overflow: hidden;}
.advcontent .wrap-adv{float:left;}
.advcontent .wrap-adv:first-child a{border-right:1px solid #DCDCDC}
.advcontent img {border:none}

.no-border:after{display:none}
.no-border .box-content,
.no-border{border:none; background:none}

.orange .box-heading h2{color:#ff7800}
.blue .box-heading h2 {color:#309df2}
.red .box-heading h2 {color:#f00}
.black .box-heading h2 {color:#000}


/**pav-promotion**/
#pav-promotion p,
#pav-promotion .box-content{margin:0px; padding:0px}
#pav-promotion .span12 {margin:20px 0}
#pav-promotion .box-content {border:1px solid #E7E7E7}

.adv a{margin-bottom:20px; display:block}
.adv a:last-child{margin:0px}
/***laster***/
.laster {}
.laster .box-product .wrap-infor .action .cart {width:85px}
.product-block {margin-bottom:20px}


/**special**/
.special .box-product > div{
    border-top:1px solid #ddd;
    padding:15px;overflow:hidden;
}
.special .box-product > div:first-child{border:none}
.special .box-product .image{float:left}
.special .box-product .image img{border:1px solid #DDD}
.special .box-product .name {width:100px;float:right;height:20px ; overflow:hidden }
.special .box-product .name a{margin:0px}
.special .box-product .price {margin:0px; width:100px; float:right}


/**facebook**/
.facebook { overflow:hidden}

/**contact**/
.contact .tel {
    background: url(../image/icon/tel.png) left center no-repeat; 
    padding: 10px 0 10px 30px; 
    height:22px;
    font-size:16px; color:#fff
}
/**informations****/
.informations {
    list-style:none;
    margin:0px
}
.informations li {
    float:left;
    padding: 0 20px 0 0;
    line-height:30px
}
.informations li a {color:#a7a9aa}


/* banner */
.banner div {
    text-align: center;
    width: 100%;
    display: none;
}
.banner div img {
    margin-bottom: 20px;
}

.a-button{
    font-weight: normal;
    float:left;line-height:26px;
    padding:0px 10px;
    border:1px solid #e1e1e1;
    -webkit-border-radius: 4px;  
    border-radius: 4px;
    margin-top:10px
}



.pattern1{background:url(../image/pattern/pattern1.png);	}
.pattern2{background:url(../image/pattern/pattern2.png);	}
.pattern3{background:url(../image/pattern/pattern3.png);	}
.pattern4{background:url(../image/pattern/pattern4.png);	}
.pattern5{background:url(../image/pattern/pattern5.png);	}
.pattern6{background:url(../image/pattern/pattern6.png);	}
.pattern7{background:url(../image/pattern/pattern7.png);	}
.pattern8{background:url(../image/pattern/pattern8.png);	}
.pattern9{background:url(../image/pattern/pattern9.png);	}
.pattern10{background:url(../image/pattern/pattern10.png);}
.pattern11{background:url(../image/pattern/pattern11.png);}
.pattern12{background:url(../image/pattern/pattern12.png);}
.pattern13{background:url(../image/pattern/pattern13.png);}
.pattern14{background:url(../image/pattern/pattern14.png);}
.pattern15{background:url(../image/pattern/pattern15.png);}
.pattern16{background:url(../image/pattern/pattern16.png);}

.image > a:after { 
    display:block; content:"."; clear:both; font-size:0; line-height:0; height:0; overflow:hidden
}
.product-grid .image a{ }
.product-grid .image img{ max-width:100%; display:block; position:relative;}
.product-inner .a  img{ width:100%;}


/**
 * OFF CANVAS MENU 
 */
@media (min-width: 979px)  {
    body.off-canvas-active > * {
        transform:translateX(0px) !important;
        -webkit-transform:translateX(0px) !important;
    }
    body.off-canvas-active #page-container{
        position: inherit!important;
    }
    #off-canvas-nav {
        display:none;
    }
}

.off-canvas body > *, #off-canvas-nav .pavo-mainnav  {
    transition:all 500ms ease 0s;
}
body.off-canvas-active > * {
    transform:translateX(280px);
    -webkit-transform:translateX(280px);
}

body.off-canvas-active #page-container{
    position:fixed;
}
body.off-canvas-inactive #page-container {
    position: inherit;
}
body.off-canvas-inactive >#off-canvas-nav{
    overflow:hidden;
}
body.off-canvas-active >#off-canvas-nav .pavo-mainnav {
    left: -280px;
}

.off-canvas body{ overflow-x: hidden; }
#page-container{ position: relative;}

#off-canvas-nav {
    backface-visibility: hidden;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 0px;	

}
#off-canvas-nav .pavo-mainnav{
    width:250px;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: -500px;
    padding: 10px;

    background-color: #ffffff;
    height: 100 }
#off-canvas-nav .megamenu { background: #40C5E2;}
#off-canvas-nav .megamenu .mega-cols{ max-width: 100%; min-width:inherit; }
#off-canvas-nav .dropdown-menu{
    position: relative;
    display: block;
    left: 0;
    right: 0;
    top: 0;
    float: none;

    box-shadow: none;

}
#off-canvas-nav .mega-col {
    display: block;
    width: 100%;
    position: relative; 

}
#off-canvas-nav .parent > a, #off-canvas-nav  .megamenu > li > a  { 
    font-weight: bold;
    padding: 8px 12px; 
    background: #198AA3 ; 
    color:#FFF; display: block; 
    border-top: #40C5E2 solid 1px }
#off-canvas-nav li .menu-title{ padding: 6px 0;}
#off-canvas-nav .dropdown-menu img{ width: 100%; }
#off-canvas-nav #off-canvas-button {   background: #FFF; padding: 12px 0px; font-weight: bold;  }
#off-canvas-nav #off-canvas-button span{ font-weight: bold; margin-right: 12px ;}
#off-canvas-nav   .home > a > span{ padding-left: 20px;}

/*user*/
.iconuser {
    display: inline-block;
    width: 24px;
    height: 24px;
    background-image: url(../image/icon/user-white.png);
    background-repeat: no-repeat;
    background-position: 0 0;
    width: 30px;
    float:left;
}
.user-login {color:#eee;padding:5px;}
.user-login:hover {color:#fff;}

/**
@Author: SAY Yan
*/
.footer-center .information{padding:0px ; display: none !important;}
.footer-center .letter,
.footer-center .account,
.footer-center .services{display: none !important;}
#footer .social{
    list-style:none;
    width: 420px;
} 
.footer-center .social .content ul li{float: left !important; padding: 0 15px 0 0;}

/*Price*/
.price *{color: #ffffff;}
.price {
    z-index: 9999;
    position: relative;
    display: block;
    font-weight:bold;
    color: #ff9400;
    font-size:14px;line-height:18px; padding:3px 0px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    font-size: 125%;
    padding: 5px 10px;
    transform: rotate(355deg);
	-ms-transform:rotate(355deg); /* IE 9 */
  	-webkit-transform:rotate(355deg); /* Safari and Chrome */
    float: right;
    background-color: #8dbd4c;
    font-size: 11.844px;
    font-weight: bold;
    line-height: 14px;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    vertical-align: baseline;
    white-space: nowrap;
}
.product-grid .price {
    color: #FFFFFF;
   
}
.product_block{
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055);
    display: block;
    line-height: 20px;
    padding: 4px;
    transition: all 0.2s ease-in-out 0s;
    background-color: #F6F6F6;
}
.feature-inner .image img {
    display: block;
    max-width: 100%;
    position: relative;
    margin-left: 30px;
}
.column ul li{list-style: none !important;}
/**
End of SAY Yan
*/

/** Resgister form **/
.register .form-horizontal .control-label {
	width: auto;
}

.form_locate_map iframe {
	width: 100% !important;
}


/*color theme*/
#footer .column a:hover ,
#powered  a,.footer-center .information p.email,
.box-product .name a,.product-info .product-shop h1,
#footer .column h3,.breadcrumb a:hover,.product-info .review a:hover,
.product-info .review a:hover,.htabs a.selected,
#currency a:hover,#currency a b,#header #welcome  a,
.informations li a:hover,.product-grid .name a,
.product-list .wishlist a:hover,.product-list .compare a:hover,
a:hover, a:focus {color:#8dbd4c}

.product-compare,#header .header,
.box.category .box-content,#mainmenu,
a.button, input.button,.box-product input.button,
.wrap-infor .action .wishlist a,
.wrap-infor .action .compare a{background-color:#8dbd4c}
a.button:hover, input.button:hover,
.product-compare:hover,
.wrap-infor .action  a:hover {background-color:#9cd154}

.product_block:hover .product-inner{border:1px solid #8dbd4c;}
.product-compare,
a.button, input.button {border:1px solid #86a923}

/*category*/
.nav-collapse .nav > li > a, .nav-collapse .dropdown-menu a,
ul.box-category > li ul > li > a,
.dropdown-menu a,.dropdown-menu > li > a,
ul.box-category > li > a{color:#eaf2d1}
ul.box-category > li ul > li {border-top:1px solid #9ccf58}
ul.box-category > li {border-bottom:1px solid #9ccf58}
.box.category .box-content {border-top:1px solid #9ccf58}
.box.category:after,
.category .box-heading{background-color:#7aa73d}

/**header**/
#header .header {border-top:1px solid #78a141; border-bottom:1px solid #9bcb59}
#header #search { border: 4px solid #a2c96c}
#header #cart .content,
#header #cart{background-color:#6d923a}
#mainmenu {border-top:1px solid #7ca545}
.dropdown-menu {border:1px solid #7eab41}
.dropdown-menu,
.navbar .nav > li:hover > a, 
.navbar .nav li.dropdown.open > .dropdown-toggle, 
.navbar .nav li.dropdown.active > .dropdown-toggle, 
.navbar .nav li.dropdown.open.active > .dropdown-toggle, 
.navbar .nav > li.home > a, .navbar .nav > li > a:focus, 
.navbar .nav > li > a:hover{background-color:#7eab41}

.navbar .nav > li > .dropdown-menu > li, .dropdown-mega > li, .dropdown-menu > li {
    border-bottom: 1px solid #7ca545;

}
.megamenu .dropdown-menu .caret{   border-bottom-color: #FFF;  border-top-color: #FFF; }
.megamenu li.mega-group > a,.megamenu li.mega-group > a:hover { background: #8bbc48!important; color: #FFF; display: block;margin-bottom: 1px }


.custom-top .payment{background:url(../image/top-payment.png) left bottom no-repeat}
.custom-top .return{background:url(../image/top-return.png) left bottom no-repeat}
.custom-top .shipping{background:url(../image/top-shipping.png) left bottom no-repeat}

ul.box-category > li > a {
	background:url(../image/list-category.png) 15px center no-repeat;
}
.dropdown-menu  li > a {background: url(../image/list-category.png) left center no-repeat;}
.dropdown-submenu > .dropdown-menu {box-shadow:0 0 4px #dbf491}

.productcarousel  .carousel-controls a.left{background:url(../image/pcarousel_move.png) top left no-repeat;  }
.productcarousel  .carousel-controls a.right{background:url(../image/pcarousel_move.png) bottom right no-repeat; }

.pav-category-products  .carousel-controls a.left,
.sidebar .productcarousel  .carousel-controls a.left{background:url(../image/pcarousel_moves.png) top left no-repeat;  }
.pav-category-products  .carousel-controls a.right,
.sidebar .productcarousel  .carousel-controls a.right{background:url(../image/pcarousel_moves.png) bottom right no-repeat; }


.jcarousel-skin-opencart .jcarousel-next-horizontal {
	background:url(../image/carousel_move.png) top right no-repeat;
}
.jcarousel-skin-opencart .jcarousel-direction-rtl .jcarousel-next-horizontal {
	background:url(../image/carousel_move.png) top left no-repeat; 
}
.jcarousel-skin-opencart .jcarousel-prev-horizontal {
	background:url(../image/carousel_move.png) top left no-repeat; 
}
.jcarousel-skin-opencart .jcarousel-direction-rtl .jcarousel-prev-horizontal {
	background:url(../image/carousel_move.png) top right no-repeat;
}

.footer-center .information p.address {padding-left:24px; background:url(../image/ft-in-add.png) left center no-repeat}
.footer-center .information p.phone {padding-left:24px; background:url(../image/ft-in-phone.png) left center no-repeat}
.footer-center .information p.email {padding-left:24px; background:url(../image/ft-in-email.png) left center no-repeat;}	

.pavcontentslider .carousel-indicators li{
 background:url(../image/icon-nav.png) top left; }
/*end color theme*/

/*search style */
.product-list .price {
	margin-right: 5px;
	color: #ffffff;
}
.product-list .price * {
	color: #ffffff;
}
.product-list div.product_block {
	overflow: none;
}
